<{extends file="BaseHtmlnonenav.tpl.html"}>
<{block name=head}>
<link rel="stylesheet" href="<{$smarty.const.WEB_PATH}>skin/css/bootstrap-image-gallery-style.css">
<link rel="stylesheet" href="<{$smarty.const.WEB_PATH}>skin/css/bootstrap-image-gallery.min.css"> 
<{/block}>
<{block name=content}>
<div class="hero-unit margin10" style="height:50px;padding-top:10px;padding-bottom:0px;background-color: #333;margin:0;">
  <h2>
  <span class="label_name">
    <{if $event eq null}>
                     活动图片墙
    <{else}>
        <{$event.name}>
    <{/if}> 
  </span>
  </h2>
  <h4 class="label_date">
  <span style="display: none;">
    <{if $event eq null}>
                    请先发布活动后,再到这里哟! ^-^
    <{else}>
                    活动时间:<{$event.startdate|date_format:"%m月%d日 %H:%M"}>~<{$event.enddate|date_format:"%m月%d日 %H:%M"}>
    <{/if}> 
  </span>
        <button id="start-slideshow" style="display:none;" class="btn btn-info" data-slideshow="5000" data-target="#modal-gallery" data-selector="#gallery [data-gallery=gallery]"><i class="icon-play i_href"></i>播放</button>
  <span class="right btn-group" style="margin-top:-30px;display: none;">
        <button id="toggle-fullscreen" class="btn btn-info" data-toggle="button"  key="off"><i class="icon-fullscreen i_href"></i>全屏</button>
        <button id="autobtn" class="btn btn-info" data-toggle="button" key="on"><i class="icon-stop i_href"></i>手动</button>
        <button id="vfn" class="btn btn-info" data-toggle="button" key="ppt" title="点击切换幻灯/图片墙模式"><i class="icon-th i_href"></i>图片墙模式</button>
        <button id="cc" class="btn btn-info" onclick="cc()"><i class="icon-off i_href"></i>关闭</button>
        <!-- <button id="test" class="btn btn-info" ><i class="icon-off i_href"></i>go</button> -->
  </span>
  <form action="<{$smarty.const.WEB_PATH}>my/photowall" id="form1" method="post" style="display: none;">
    <input type="hidden" id="eid" name="eid" value="1"/>
    <input type="submit" id="submitform" />
  </form>
  </h4>
</div>
<div class="container" style="margin-left:50px;margin-top:0;">
    <div id="gallery" data-toggle="modal-gallery" data-target="#modal-gallery">
	   <{if $photo.total > 0}>    
	        <{section name=num loop=$photo.photo}>
	           <a data-gallery="gallery" href="<{$smarty.const.WEB_PATH}>files/<{$photo.photo[num].filepath}>" title="<{$photo.photo[num].filedesc}>" style="margin-right:-4px;" >
	                <img src="<{$smarty.const.WEB_PATH}>files/thumb/<{$photo.photo[num].filepath}>">
	           </a>
	        <{/section}>
	    <{/if}>
    </div>
</div>
<!-- modal-gallery is the modal dialog used for the image gallery -->
<div id="modal-gallery" class="modal modal-gallery hide fade" tabindex="-1">
    <div class="modal-header">
        <a class="close" data-dismiss="modal" id="modalclose">&times;</a>
        <!-- <button id="test" class="btn btn-info" ><i class="icon-off i_href"></i>go</button> -->
        <h3 class="modal-title"></h3>
    </div>
    <div class="modal-body"><div class="modal-image"></div></div>
    <div class="modal-footer">
        <a class="btn modal-download" target="_blank">
            <i class="icon-download"></i>
            <span>下载</span>
        </a>
        <a class="btn btn-success modal-play modal-slideshow" id="soso" data-slideshow="5000">
            <i class="icon-play icon-white"></i>
            <span>幻灯</span>
        </a>
        <a class="btn btn-info modal-prev">
            <i class="icon-arrow-left icon-white"></i>
            <span>后退</span>
        </a>
        <a class="btn btn-primary modal-next">
            <span>前进</span>
            <i class="icon-arrow-right icon-white"></i>
        </a>
    </div>
</div>
<{/block}>
<{block name=body_end}>
<script type="text/javascript" src="<{$smarty.const.WEB_PATH}>js/common/util.js"></script>
<script type="text/javascript">
var site = {web:"<{$smarty.const.WEB_PATH}>",title:"<{$default}>",uid:"<{$user.id}>"};
var pw = {uid:"<{$user.id}>",total:"<{$photo.total}>",eid:"<{$event.eid}>",fid:"<{$photo.fid}>",newdata:"",requesttime:0,overtime:"10000",overint:0,view:""};
</script>
<script type="text/javascript" src="<{$smarty.const.WEB_PATH}>js/plus/BootstrapGallery/load-image.min.js"></script>
<script type="text/javascript" src="<{$smarty.const.WEB_PATH}>js/plus/BootstrapGallery/bootstrap-image-gallery.js"></script>
<script type="text/javascript" src="<{$smarty.const.WEB_PATH}>js/my/photowall.js"></script>
<{/block}>